// tabs
.tab-box {
  width: 100%;
  // position: sticky;
  // top: 0;
  // left: 0;
  // z-index: 1;
  // padding: 30rpx 24rpx;
  // box-sizing: border-box;


  .tab-box-content {
    width: 100%;
    height: 100rpx;
    // background: #ffffff;
    border-radius: 16rpx;
    // padding: 0 30rpx;
    // box-sizing: border-box;
  }
}
  .content-box {
    width: 702rpx;
    height: 100%;
    margin: 0 24rpx;
    background: #ffffff;
    border-radius: 16rpx;
    padding: 0 30rpx;
    box-sizing: border-box;

    .content-box-item {
      width: 100%;
      padding: 30rpx 0;
      border-bottom: 1rpx solid #eaecf1;
      display: flex;
      align-items: center;
      justify-content: space-between;

      &:last-child {
        border-bottom: none;
      }

      .title {
        font-weight: 400;
        font-size: 28rpx;
        color: #828A9D;
      }



      .desc {
        font-weight: 400;
        font-size: 28rpx;
        color: #1b2431;
        width: 450rpx;
        text-align: right;
		word-wrap: break-word;
      }

      .image-list {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        flex-direction: row-reverse;

        .image {
          width: 60rpx;
          height: 60rpx;
          border-radius: 10rpx;
          margin: 0 8rpx 8rpx 0;
        }
      }
    }
  }
  
  
  .underline {
    text-decoration: underline;
    margin-bottom: 20rpx;
  }
  .marign{
  	margin-bottom: 20rpx;
  	word-wrap: break-word;
  }
  
  ::v-deep .uv-tabs {
    .uv-tabs__wrapper__nav__line {
      bottom: 16rpx !important;
    }
  }
  
  .tips {
    padding: 30rpx;
    display: flex;
    align-items: center;
  
    .icon {
      width: 8rpx;
      height: 24rpx;
      border-radius: 2rpx;
      background-color: #3B75FF;
    }
  
    .title {
      font-size: 28rpx;
      color: #000;
      margin: 0 10rpx;
    }
  
    ::v-deep .uniui-help {
      font-size: 40rpx !important;
      margin-right: 10rpx;
    }
  }
  
  // 增减项
  .zjx-item {
    margin: 0 30rpx;
    padding: 25rpx;
    background-color: #fff;
    border-radius: 16rpx;
  	margin-bottom: 20rpx;
  
    .zjx-2 {
      display: flex;
      margin-bottom: 18rpx;
  
      .zjx-2-1+.zjx-2-1 {
        margin-right: 14rpx;
      }
  
      .zjx-2-1 {
        flex: 1;
        display: flex;
      }
    }
  
    .zjx-1 {
      display: flex;
      margin-bottom: 18rpx;
    }
  
    .label {
      white-space: nowrap;
      font-size: 24rpx;
      color: #828A9D;
    }
  
    .desc {
      margin-left: 16rpx;
      font-size: 24rpx;
      color: #1B2431;
    }
  
    .line {
      width: 100%;
      border-bottom: 2rpx dashed #DFE3EA;
      margin-bottom: 18rpx;
    }
  }
  
  // 收款
  .payment-box {
    margin: 0 24rpx;
  
    .payment-item {
      padding: 30rpx;
      background-color: #fff;
      // box-shadow: 0rpx 0rpx 12rpx 0rpx rgba(208, 208, 208, 0.34);
      border-radius: 16rpx;
      display: flex;
      align-items: center;
      position: relative;
      margin-bottom: 30rpx;
  
      .payment-state {
        position: absolute;
        right: 20rpx;
        top: 20rpx;
      }
  
      .image-box {
        width: 204rpx;
        height: 204rpx;
        border-radius: 12rpx;
        border: solid 2rpx #F8F8F8;
        overflow: hidden;
  
        image {
          width: 100%;
          height: 100%;
        }
      }
  
      .payment-content-box {
        margin-left: 30rpx;
        flex: 1;
  
        .content-item:last-child {
          margin-bottom: 0;
        }
  
        .content-item {
          display: flex;
          font-size: 24rpx;
          color: #4a4d52;
          margin-bottom: 10rpx;
  
          .label {
            width: 120rpx;
          }
  
          .desc {
            flex: 1;
          }
        }
      }
    }
  }


::v-deep .z-paging-content {
	transition: all 0.2s;
}
.content-box-box{
	width:100%;
	position: relative;
	.tab-box{
		position: sticky;
		width: 100%;
		top: 0;
		left: 0;
		background-color: #fff;
		z-index: 999;
		padding: 0 40rpx 20rpx 20rpx;
		box-sizing: border-box;
	}
}
.bg-color {
	width: 100%;
	height: 708rpx;
	position: fixed;
	z-index: -1;
	transition: all 0.2s;
}

.top-box {
	width: 702rpx;
	margin: 16rpx 24rpx;
	background: linear-gradient(130deg, #639af8 20%, #b8aaff 100%);
	border-radius: 16rpx;
	position: relative;
	overflow: hidden;

	.top-round {
		width: 180rpx;
		height: 180rpx;
		background: rgba(255, 255, 255, 0.2);
		border-radius: 50%;
		position: absolute;
		right: -40rpx;
		top: -50rpx;
	}

	.bottom-round {
		width: 400rpx;
		height: 380rpx;
		background: rgba(255, 255, 255, 0.2);
		border-radius: 50%;
		position: absolute;
		left: -230rpx;
		bottom: -250rpx;
	}

	.top-box-content {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 9;
		padding: 26rpx 38rpx;
		box-sizing: border-box;

		.title-box {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 12rpx;

			.title {
				font-weight: 500;
				font-size: 42rpx;
				color: #ffffff;
				max-width: 400rpx;
			}

			.btn {
				padding: 0 32rpx;
				height: 50rpx;
				line-height: 50rpx;
				background: #ffffff;
				border-radius: 30rpx;
				font-weight: 400;
				font-size: 24rpx;
				color: #4f73fb;
			}
		}

		.top-box-content-data {
			font-weight: 400;
			font-size: 26rpx;
			color: rgba(255, 255, 255, 0.8);
			margin-bottom: 8rpx;

			&:before {
				margin-right: 10rpx;
			}
		}

		.top-box-content-btn-box {
			width: 100%;
			display: flex;
			align-items: center;
			margin-top: 30rpx;

			::v-deep .uv-button {
				width: 210rpx;
				height: 80rpx;
				background: #3B75FF;
				border-radius: 12rpx;
				border: none;
				font-weight: 400;
				font-size: 26rpx;
				color: #ffffff;
				letter-spacing: 1rpx;
				margin-right: 38rpx;
				display: flex;
				align-items: center;

				.iconfont {
					margin-right: 10rpx;
				}
			}
		}
	}
}

.project-box {
	width: 100%;
	// padding: 0 0 0 30rpx;
	// box-sizing: border-box;

	::v-deep .uv-steps-item__wrapper {
		background-color: rgba(0, 0, 0, 0) !important;
	}

	::v-deep .uv-steps-item__line {
		top: 24rpx;
		background-color: #e2e2e2 !important;
	}

	.project-title {
		font-weight: 500;
		font-size: 36rpx;
		color: #000000;
		margin-top: 30rpx;
		margin-left: 30rpx;
	}
}

.bottom-box {
	width: 100%;
	background: #ffffff;
	box-shadow: 0rpx 0rpx 12rpx 0rpx rgba(177, 177, 177, 0.5);
	display: flex;
	align-items: center;
	// justify-content: space-between;
	flex-direction: row-reverse;
	padding: 30rpx 20rpx;
	box-sizing: border-box;
	::v-deep .uv-button-wrapper {
		margin: 0 5rpx;
	}
}
